<template>
  <div>
    <van-tabs v-model="active">
      <van-tab title="数据表格">
        <DataTable />
        <!-- 使用数据表格组件 -->
      </van-tab>
      <van-tab title="积分商店">
        <ShopPage />
        <!-- 使用商店页面组件 -->
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
// 导入子组件
import DataTable from "./DataTable.vue";
import ShopPage from "./ShopPage.vue";
// 导入 Vant 组件和样式（如果在子组件中未导入）
import { Tabs, Tab } from "vant";
import "vant/lib/index.css";

export default {
  name: "MyView",
  components: {
    DataTable, // 注册数据表格组件
    ShopPage, // 注册商店页面组件
    "van-tabs": Tabs,
    "van-tab": Tab,
  },
  data() {
    return {
      active: 0, // 当前激活的选项卡索引
    };
  },
};
</script>
